//import './assets/main.css'

import { createApp } from 'vue'
import { createPinia } from 'pinia'
import { 
  Button, 
  Form, 
  Field, 
  CellGroup, 
  Popup, 
  Icon, 
  Tabbar, 
  TabbarItem, 
  NavBar, 
  Swipe, 
  SwipeItem,
  Grid,
  GridItem,
  Image,
  Cell,
  List,
  Loading,
  ActionSheet,
  Radio,
  RadioGroup,
  Checkbox,
  CheckboxGroup,
  Picker,
  Toast
} from 'vant'
// 2. 引入组件样式
import 'vant/lib/index.css';

import App from './App.vue'
import router from './router'

const app = createApp(App)

app.use(createPinia())
app.use(router)

// 注册Vant常用组件
app.use(Button)
app.use(Form)
app.use(Field)
app.use(CellGroup)
app.use(Popup)
app.use(Icon)
app.use(Tabbar)
app.use(TabbarItem)
app.use(NavBar)
app.use(Swipe)
app.use(SwipeItem)
app.use(Grid)
app.use(GridItem)
app.use(Image)
app.use(Cell)
app.use(List)
app.use(Loading)
app.use(ActionSheet) // 注册ActionSheet
app.use(Radio)
app.use(RadioGroup)
app.use(Checkbox)
app.use(CheckboxGroup)
app.use(Picker)
app.use(Toast)

app.mount('#app')
